iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 9
1
自我挑戰組

Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記系列 第 9

Day09. 臨兵鬥者皆陣列在前!JavaScript:你錯棚囉!

  • 分享至 

  • xImage
  •  

本日閱讀進度:第四章 陣列(125~145頁)

重點摘要:

  1. 陣列是什麼?
    陣列是一種可以用來保存許多值的資料型別,許多程式語言都有這種型別,包含JavaScript和Ruby。
var number = [1, 3, 5, 7, 9];
  1. 陣列是一體還是分開?
    可以將陣列所有的值視為一體,或是在有需要時存取陣列中個別的值。
    取值的方法是加上中括號,並填入索引值。
    注意,陣列的索引值從0起算,如果要取第一個值,寫法是:
var number0 = number[0];
console.log(number0);
// 得到數值1
  1. 如果想要改變陣列中的某個值:
number[1] = 10;
console.log(number);
// [1, 10, 5, 7, 9] 陣列中的第2個值已被修改
  1. 如何知道這個陣列有多大?
    可以使用length這個屬性。
var amount = number.length;
console.log(amount);
// 得到5
  1. 陣列中的值可以是不同資料型別嗎?
    可以的,但是一般情況下,陣列中的值使用相同的資料型別會比較安全和容易使用。

  2. 要如何取得陣列的最後一筆資料?
    這個問題如果用Ruby來解,會非常簡單,

number[-1]
或
number.last

都可以迅速得到答案。

來看看JavaScript的寫法:

number[number.length - 1];

是不是很麻煩呢?

  1. for迴圈
    之前介紹過while迴圈,現在要介紹寫法更為簡潔的for迴圈。
for (var i = 0; i < number.length; i = i + 1) {
  output = "我有 " + number[i] + " 支筆";
console.log(output);
// "我有 1 支筆"
// "我有 10 支筆"
// 以下略

今天就先介紹到這邊,明天再繼續這一章的後半段,see you tomorrow~

本文同步發表於cichen


上一篇
Day08. 要五毛給一塊,你說JavaScript奇怪不奇怪
下一篇
Day10. 迴圈和函式摻在一起做成撒尿牛丸
系列文
Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言